<template>
  <div class="box">
    <header>
      <van-nav-bar left-arrow @click-left="fant"> </van-nav-bar>
    </header>
    <main>
      <div class="personal_box">
        <p>
            <span>真实姓名 :</span><span>{{ doctor }}</span>
        </p>
        <p>
            <span>所属医院 :</span><span>{{ subjection }}</span>
        </p>
        <p>
            <span>所属科室 :</span><span>{{ rank }}</span>
        </p>
        <p>
            <span>职称  :</span><span>{{ oneSkilled }}</span>
        </p>
       
        <p>
            <span>擅长领域 :</span><span>{{ oneSkilled }}</span>
        </p>
         <p>
            <span>个人介绍 :</span><span>{{ context }}</span>
        </p>
      </div>
    </main>
    <!-- <footer>
      <span>如需更改以上信息</span> <span>&numsp;</span><span>请致电000-5967432</span>
    </footer> -->
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";
    const router = useRouter();
    const doctor=localStorage.getItem('doctor')
    const subjection=localStorage.getItem('subjection')
    const rank=localStorage.getItem('rank')
    const oneSkilled=localStorage.getItem('oneSkilled')
    const context=localStorage.getItem('context')
const fant = () => {
  router.go(-1);
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
}

header,footer
{
    width: 100%;
    height: 50px;
    text-align: center;
}

main
{
  flex: 1;
  width: 100%;
  height: 80%
}
.personal_box {
    width: 100%;
    height: 100%;
}

.personal_box p
{
    width: 100%;
    height: 35px;
    margin-top: 30px;
    font-size: 12px;
    align-items: center;
    padding-left: 20px;
    border-bottom: 1px solid #f3f3f3;
}


.personal_box p span
{
    margin-left: 20px;
}

footer span
{
    color: #128bd6;
    font-size: 12px;
    
}
</style>